<template>
  <view>
    <!--页面标题头begin-->
    <view class="smart-page-head">
      <view class="smart-page-head-title">radio单选按钮</view>
    </view>
    <!--页面标题头end-->
    <view>
      <radio color="#ffaa00" :checked="state" class="miniRadio" @click="change"></radio>选中
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      state: false
    }
  },
  methods: {
    change() {
      console.log('click。。。。。');
      if (this.state)
        this.state = false;
      else
        this.state = true;
    }
  }
}
</script>

<style>
	.miniRadio {
		transform: scale(0.7);
	}
</style>
